{% load static %}
<!DOCTYPE html>
<html>
<head>
    <!--Device size responsiveness-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="MobileOptimized" content="320">
    <!--SEO stuff-->
    <meta name="description" content="Railway Management System">
    <meta name="keywords" content="Railway,e-ticketing,I Love Taylor Swift's Song,management,system,Train,project,dbms,oracle ">
    <meta name="author" content="Abdullah Al Masum">
    <!--for icon-->
    {% block head_favicon %}
    <link rel="shortcut icon" type="image/ico" href="{% static 'images/favicon.ico' %}" />
    <link rel="icon" type="image/ico" href="{% static 'images/favicon.ico' %}" />
    {% endblock head_favicon %}

    {% block head_css %}
    {% block head_css_site %}
<!--    &lt;!&ndash; Bootstrap CSS only &ndash;&gt;-->
<!--    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"-->
<!--          integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">-->
<!--    &lt;!&ndash; Boxicons CDN Link for sideBar &ndash;&gt;-->
<!--    <link href='https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css' rel='stylesheet'>-->
<!--    &lt;!&ndash; Bootstrap old version CSS only &ndash;&gt;-->
<!--    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">-->
<!--    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">-->
    {% endblock head_css_site %}
    {% block head_css_section %}{% endblock head_css_section %}
    {% block head_css_page %}
    <!--for custom-css-page-->
    <link href="{% static 'css/main.css' %}" rel="stylesheet" type="text/css"/>
    {% endblock head_css_page %}
    {% endblock head_css %}
    <!--for title-->
    <title>{% block title %}Railway{% endblock title %}</title>
</head>
<body class="{{ body_class }}">
{% block page_loader %}

{% endblock page_loader %}

{#{% endblock bd %}#}



<div class="container-fluid">
    {% block header_nav_bar %}

    {% endblock header_nav_bar %}

    <div class="row min-vh-100 flex-column flex-md-row">
        {% block sidebar_nav_bar %}

        {% endblock sidebar_nav_bar %}
        <main class="col bg-faded py-3 flex-grow-1">
            {% block main_content %}

            {% endblock main_content %}
        </main>
    </div>
</div>
<!-- Footer -->
<footer
        class="text-center text-lg-start text-white"
        style="margin-top: auto; background-color: #1c2331; margin-bottom: 0"
>
    <!-- Section: Social media -->
    <section
            class="d-flex justify-content-between p-4"
            style="background-color: #6351ce"
    >
        <!-- Left -->
        <div class="me-5">
            <span>Connect with us on social networks</span>
        </div>
        <!-- Left -->

        <!-- Right -->
        <div>
            <a href="" class="text-white me-4">
                <i class="fab fa-facebook-f"></i>
            </a>
            <a href="" class="text-white me-4">
                <i class="fab fa-twitter"></i>
            </a>
            <!--            <a href="" class="text-white me-4">-->
            <!--                <i class="fab fa-google"></i>-->
            <!--            </a>-->
            <a href="" class="text-white me-4">
                <i class="fab fa-instagram"></i>
            </a>
            <a href="" class="text-white me-4">
                <i class="fab fa-linkedin"></i>
            </a>
            <a href="" class="text-white me-4">
                <i class="fab fa-github"></i>
            </a>
        </div>
        <!-- Right -->
    </section>
    <!-- Section: Social media -->

    <!-- Section: Links  -->
    <section class="">
        <div class="container text-center text-md-start mt-5">
            <!-- Grid row -->
            <div class="row mt-3">
                <!-- Grid column -->
                <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
                    <!-- Content -->
                    <h6 class="text-uppercase fw-bold">Company name</h6>
                    <hr
                            class="mb-4 mt-0 d-inline-block mx-auto"
                            style="width: 60px; background-color: #7c4dff; height: 2px"
                    />
                    <p>
                        Here you can use rows and columns to organize your footer
                        content. Lorem ipsum dolor sit amet, consectetur adipisicing
                        elit.
                    </p>
                </div>
                <!-- Grid column -->

                <!-- Grid column -->
                <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
                    <!-- Links -->
                    <h6 class="text-uppercase fw-bold">Products</h6>
                    <hr
                            class="mb-4 mt-0 d-inline-block mx-auto"
                            style="width: 60px; background-color: #7c4dff; height: 2px"
                    />
                    <p>
                        <a href="#!" class="text-white">MDBootstrap</a>
                    </p>
                    <p>
                        <a href="#!" class="text-white">MDWordPress</a>
                    </p>
                    <p>
                        <a href="#!" class="text-white">BrandFlow</a>
                    </p>
                    <p>
                        <a href="#!" class="text-white">Bootstrap Angular</a>
                    </p>
                </div>
                <!-- Grid column -->

                <!-- Grid column -->
                <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
                    <!-- Links -->
                    <h6 class="text-uppercase fw-bold">Useful links</h6>
                    <hr
                            class="mb-4 mt-0 d-inline-block mx-auto"
                            style="width: 60px; background-color: #7c4dff; height: 2px"
                    />
                    <p>
                        <a href="#!" class="text-white">Your Account</a>
                    </p>
                    <p>
                        <a href="#!" class="text-white">Become an Affiliate</a>
                    </p>
                    <p>
                        <a href="#!" class="text-white">Shipping Rates</a>
                    </p>
                    <p>
                        <a href="#!" class="text-white">Help</a>
                    </p>
                </div>
                <!-- Grid column -->

                <!-- Grid column -->
                <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
                    <!-- Links -->
                    <h6 class="text-uppercase fw-bold">Contact</h6>
                    <hr
                            class="mb-4 mt-0 d-inline-block mx-auto"
                            style="width: 60px; background-color: #7c4dff; height: 2px"
                    />
                    <p><i class="fas fa-home mr-3"></i> New York, NY 10012, US</p>
                    <p><i class="fas fa-envelope mr-3"></i> info@example.com</p>
                    <p><i class="fas fa-phone mr-3"></i> + 01 234 567 88</p>
                    <p><i class="fas fa-print mr-3"></i> + 01 234 567 89</p>
                </div>
                <!-- Grid column -->
            </div>
            <!-- Grid row -->
        </div>
    </section>
    <!-- Section: Links  -->

    <!-- Copyright -->
    <div
            class="text-center p-3"
            style="background-color: rgba(0, 0, 0, 0.2)"
    >
        &copy
        {% now 'Y ' %}
        All rights reserved to:
        <a class="text-white" href="https://github.com/Brainy-Fools/"
        >Brainy_Fools.org</a>
    </div>
    <!-- Copyright -->
</footer>
<!-- Footer -->

</body>
{% block footer_javascript %}
{% block footer_javascript_site %}
<!-- Bootstrap JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4"
        crossorigin="anonymous"></script>
<!--for font-awesome-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css">
<!--for ajax-jquery-->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
<!-- for sweet-alert-->
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<!--for Google Recptcha-->
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<!--for sideBar-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
{% endblock footer_javascript_site %}
{% block footer_javascript_section %}{% endblock footer_javascript_section %}
{% block footer_javascript_page %}
<!--for custom js file-->
<!--<script src="{{ STATIC_URL }}js/side_bar3.js"></script>-->
{% endblock footer_javascript_page %}
{% endblock footer_javascript %}
</html>
<!--/*-->
<!--author: MasumBhai-->
<!--*/-->